<template>
  <div
    class="pageBox"
  >
    <div
      class="pageBg"
      :style="{'padding': noPadding?'0px':''}"
    >
      <slot>
        默认内容
      </slot>
    </div>
  </div>
</template>

<script lang='ts'>
import { Component, Prop, Vue } from 'vue-property-decorator'
import { SettingsModule } from '@/store/modules/settings'
@Component({})
export default class Page extends Vue {
  @Prop({ default: false }) noPadding !: boolean
  get isAutoHeight() {
    return SettingsModule.isAutoTableHeight
  }
}
</script>

<style lang='scss' scoped>
.pageBox{
    background: #f3f3f4;
    .pageBg{
        height: 100%;
        margin: 20px;
        overflow: hidden;
        padding: 20px;
        box-sizing: border-box;
        background: white;
        border-radius: 2px;
        box-shadow: 0px 0px 8px 2px rgba($color: #000000, $alpha: 0.2);
    }
}
</style>
